// 广告banner
.c-rczp-banner
  width auto
  height auto
  margin 0 auto
  img
    width 100%
    height auto

//- 招聘详情内容
.c-rczp-detail-wrapper
  margin-top 0.875em
  height auto
  .c-left-detail
    float left
    width 70%
    border 1px solid #efefef
    padding 0 30px 50px
    margin-bottom 12px
    .c-detail-first
      height auto
      border-bottom 1px solid #efefef
      .c-job-name
        line-height 74px
        font-size 1.5em
        font-weight bold
        color #333
      .c-pulish-date
        line-height 74px
        span
          font-size 1em
          color #666
        .c-date-con
          color #333
    .c-detail-second
      height auto
      .c-work-place
        span
          font-size 1em
          color #666
        .c-place-con
          color #333
          margin-left 2em
      .c-monthly-pay
        span
          font-size 1em
          color #666
        .c-pay-con
          color #333
          margin-left 2em
    .c-detail-third
      height auto
      .c-job-category
        span
          font-size 1em
          color #666
        .c-category-con
          color #333
          margin-left 2em
      .c-end-date
        span
          color #666
        .c-end-con
          color #333
          margin-left 2em
    // 工作职责
    .c-detail-forth
      height auto
      clear both
      margin-top 1em
      .c-duty-work
        height auto
        float left
        color #666
        padding-top 18px
      .c-duty-con
        float right
        word-break break-word
        p
          line-height 60px
          color #333
    // 工作要求
    .c-detail-fifth
      height auto
      .c-require
        padding-top 20px
      .c-job-reqire
        height 240px
        color #666
      .c-reqire-con
        word-break break-word
        p
          line-height 60px
          color #333
    // 简历投递
    .c-detail-sixth
      height 54px
      padding-top 1em
      .c-resume-delivery
        width 420px
      .c-resume-tit
        color #666
        font-weight bold
      .c-resume-con
        color #333
        font-size 1em
        margin-left 24px

// 热门招聘职位
.c-right-hot
  float right
  width 242px
  border 1px solid #efefef
  padding 22px 22px 100px
  .c-hot-tit
    font-weight bold
    color #666
    height 33px
    border-bottom 1px solid #efefef
  .c-hot-lists
    height 58px
    border-bottom 1px solid #efefef
    cursor pointer
    .c-hot-list
      line-height 58px
      color #666
      cursor pointer

// 清除浮动
.c-clear-both
  clear both

@media (min-width: 1200px)
  .c-monthly-pay, .c-work-place
    span
      line-height 6.5em

@media (max-width: 1200px)
  .c-left-detail
    width 95.4% !important
  .c-monthly-pay, .c-work-place
    span
      line-height 6.5em
  // 隐藏热门招聘职位
  .c-right-hot
    display none !important

@media (max-width: 768px)
  .c-left-detail
    width 100%
    padding 0 1em 3em !important
  .c-detail-second
    margin-top 1em
  .c-work-place, .c-monthly-pay, .c-job-category, .c-end-date
    span
      line-height 3em
  // 隐藏热门招聘职位
  .c-right-hot
    display none